
.page1App{
  overflow: hidden;
}

.tit{
  font-size: 18px;
  font-weight: 800;
  margin-right: 10px;
}
.timer{
  font-size: 12px;
  color:#C0C0C0;
}
.box{
  margin-top: 30px;
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: space-between;
}
.box-mid{
  background-image: linear-gradient(to top left, #1fb2ff, #275ffe);
  width: 20%;
  height: 100%;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 10px 20px 0 20px;
}
.box-two{
  background-image: linear-gradient(to top left, #1fff84, #19bb5b);
}
.box-thr{
  background-image: linear-gradient(to top left, #FFA500, #FF8C00);
}
.box-four{
  background-image: linear-gradient(to top left, #a26ef6, #4a41fe);
}
.visit{
  font-size: 18px;
  color: white;
  font-weight: 500;
}
.visitnum{
  font-size: 26px;
  color: white;
  font-weight: 700;
}
.visitadd{
  font-size: 16px;
  color: white;
  font-weight: 500;
}
.echart{
  margin-top: 20px;
  width: 100%;
  height: 500px;
  background-color: white;
  position: relative;
  box-sizing: border-box;
  padding: 20px 0;
  padding-bottom: 30px;
 
}
#main>div{
  width: 100%;
}
.echart-tit{
 margin-left: 90px;
}
.pay{
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.pays{
  color: 	#C0C0C0;
  margin-right: 10px;
}
.paynum{
  font-size:18px ;
  margin-right: 60px;
}
.timeBox{
  position: absolute;
  left:calc(50% - 50px);
  bottom: 10px;
  width: 100px;
  display: flex;
  justify-content: space-between;
}
.now{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.today{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.today-tit{
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #f7be03;
  margin-left: 8px;
}
.nowtime{
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #1d92ff;
  
}


.Bigbox{
  width: 100%;
  height: 650px;
  margin-top: 20px;
}
.clear::after{
content: '';
display: block;
clear: both;
}
.left{
  width: 48%;
  height: 100%;
  float: left;

}
.right{
width: 48%;
height: 100%;
float: right;  
}
.left-top{
  box-sizing: border-box;
  padding: 20px;
  height: 31%;
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
}
.left-bot{
  height: 65%;
  background-color: #fff;
  width: 100%;
  margin-top: 20px;
  border-radius: 15px;
}
.left-icon{
  width: 90%;
  height: 80%;
  margin-left: 30px;
  margin-top: 25px;
  /* border: 1px salmon solid; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left-icon-box{
  text-align: center;
}
.left-icons{
  line-height: 80px;
  text-align: center;
  width: 80px;
  height: 80px;
  border-radius: 5px;
  border: 3px solid;
  border-image: linear-gradient(to top left,  #a8b9dd,	#1E90FF) 1;
  margin-bottom: 5px;
  
}
.caozuo {
  font-weight: 600;
}
.right-top{
  width: 100%;
  height: 45%;
  border-radius: 15px;
  box-sizing: border-box;
  padding-top: 20px;
  background-image: linear-gradient(to top left, #2ee1f0, #3f67f2);
  margin-bottom: 20px;
  

}
.right-tit{
  margin-left: 20px;
  color: white;
  
}
.right-bot{
  height: 51%;
  width: 100%;
  background-color: #fff;
  border-radius: 15px;
}
.right-bottit{
  font-size: 600;
  margin-top: 15px;
  margin-left: 15px;
}
.left-bot{
  padding: 20px;
}
.left-bot-tit{
font-size: 600;
}
.aaa{
   color: '#1d92ff';
   font-size: '14px' ;
   font-weight: 700;
   
}
.img{
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
}
.retit{
  color: #1890ff;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 30px;
  height: 30px;
  margin-left: 20px;
}
.biaoge{
 width: 100%;
 height: 55px;
 /* line-height: 50px; */

}
.ant-table-tbody .ant-table-row .ant-table-cell{
  padding: 0 !important;
  height: 50px;
  line-height: 50px;
}